<template>

  <div class="pinglunBox">
      <div class="pingtop">
        <router-link to="/Details"> <van-icon name="arrow-left"  class="arrow-left"/></router-link> 
      <div class="pingtop-text">商品评价(999+) </div>
      </div>
      <!-- 动态商品 -->

       <div class="i">
           <div><img src="" alt=""></div>
           <div>88888888</div>
       </div>

      <!-- 评论时间 排序      -->
      <div class="content">
       <router-link to="/det-pinglun/era">
           <span class="content-1">默认排序</span>
       </router-link>  
    
           <span class="content-2">|</span>
    
       <router-link to="/det-pinglun/erb"> 
          <span class="content-3">按时间排序</span>
       </router-link> 


          <!-- 设置路由出口 -->
          <router-view></router-view>
      </div>
  </div>
  
</template>

<script>
export default {
    name:"Pinglun"
}
</script>

<style>
.pinglunBox{
    width: 100%;
    /* background-color:grey;  */
}
   .pingtop{
       width: 100%;
       height: 0.3rem;
       background-color:lightgrey;
       position: fixed;
   }
   .arrow-left{
       width: 0.2rem;
       height: 0.3rem;
       /* background-color: gray; */
       line-height: 0.3rem;
        margin-left: 0.15rem;
        color: black;
       float: left;
   }
   .pingtop-text{
        width: 50%;
       height: 0.3rem;
       /* background-color: hotpink; */
       margin: auto;
       line-height: 0.3rem;
       text-align: center;
   }
  
  .commoditBox{
      width: 100%;
      height: 0.7rem;
      background-color:pink;
  }
  
  
  .tex{
       width: 100%;
      height: 0.7rem;
      /* background-color:gold; */
  }
  .text{
      width: 50%;
      height: 0.3rem;
      background-color: green;
      float: left;
  }
 
 .content{
      width: 100%;
      height: 0.3rem;
      /* background-color:gold; */
      margin-top: 0.08rem;
      border-bottom: 1px solid #777777; 
      margin-top: 0rem;

 }
 .content-1{
     display: block;
      width: 18%;
      height: 0.3rem;
      /* background-color:#999999; */
       margin-left: 0.4rem;
      float: left;
      line-height: 0.3rem;
         color: #999999;  
 }

 .content-2{
     display: block;
      width: 5%;
      height: 0.3rem;
      /* background-color:#999999; */
      float: left;
       line-height: 0.3rem;
          color: #999999;  
 }
.content-3{
     display: block;
      width: 18%;
      height: 0.3rem;
      /* background-color:#999999; */
      float: left;
      line-height: 0.3rem;  
    color: #999999;  
 }

</style>